<template>
    <div class="box">
      <div class="header">
        <p class="bt">
            <slot></slot>
        </p>
        <div class="login">
          <a href="#/login">
            <slot name="login"></slot>
          </a>
          <a href="#/registration">
            <slot name="reg"></slot>
          </a>
          <slot name="any"></slot>
        </div>
      </div>
  
      <el-divider class="line"></el-divider>
    </div>
  </template>  
      
    <script>
  export default {
    components: {},
    computed: {},
  };
  </script>
  
  <style scoped>
  .box .header {
    font-size: 50px;
    width: 1500px;
    margin: 0 auto;
  }
  .box .bt {
    line-height: 100px;
    float: left;
  }
  .box .login {
    float: right;
    font-size: 20px;
    line-height: 100px;
  }
  .line{
    background-color: red;
    clear: both;
    height: 5px;
  }
  </style>